<template>
    <div  id="app" class="app-main">
        <router-view></router-view>
    </div>
</template>

<script>
import shrinkableMenu from '@/components/shrinkable-menu.vue'
// import {basicpath} from '@/router/index.js'
export default {
    name: "App",
    components: {
        shrinkableMenu
    },
    data () {
        return {
            shrink: false,
            userName: '',
            // list: basicpath
        };
    },
    computed: {
        menuList () {
            // return this.list;
        }
    },
    methods: {
        pathUrl(url) {
            let ary = url.slice(1).split('/');
            ary.pop();

            return '/'+ary.join('/');
        },
        toggleClick () {
            this.shrink = !this.shrink;
        },
        handleClickUserDropdown (name) {
            // this.$router.push({
            //     name: 'login'
            // });
        },
    },
    created() {

    },
    mounted () {
    }
};
</script>

<style lang="less">
@import url('./css/menu.less');
@import url('./css/main.less');
@import url('./css/resetiview.less');
#app {
    width:100%;
    height: 100%;
    font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
}

body {
    margin: 0;
  }

  #asideNav, #loyout, .el-container, body, html, ul.el-menu {
    height: 100%;
  }

  #app {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
  }
  .el-header{
    padding: 0;
  }

  * {
    &::-webkit-scrollbar { /*滚动条整体样式*/
      width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
      height: 13px;
    }

    &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
      border-radius: 13px;
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      background: #6cf;
    }

    &::-webkit-scrollbar-track { /*滚动条里面轨道*/
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      border-radius: 13px;
      background: #EDEDED;
    }
  }

  .main_width{
    width:1000px;
    margin:auto;
    max-width: 100%;
    box-sizing: border-box;
  }
</style>
